body
{
    top: 40px;
    width:100%;
}

a
{
    text-decoration: none;
}

#header
{
    height : 152px;
    width:99%;
}

#logo
{
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    left: 45%;
    width: 11%;
    height: 96px;
    top: 10px;
}

#menu
{
    background-image: url("../img/bg/menu_bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    position: relative;
    line-height: 36px;
    overflow: hidden;
    vertical-align: middle;
    left: 18%;
    width: 65%;
    height: 36px;
    top: 20px;
}

.menuButton
{
    background-image: url("../img/bg/separateur_bg.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 33%;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    line-height: 36px;
}

.menuButton a
{
    color:white;
}

#div_geoloc
{
    border: 3px inset black;
    top : 20px;
    width:96%;
    position:relative;
    left:1%;
    line-height: 36px;
    overflow: hidden;
    height: 560px;
}

#menu_geoloc
{
    height: 7%;
    width: 99%;
    border: 2px solid black;
    margin: 5px;

}

#geocodage
{
    float:left;
    position:relative;
    left:1%;
}

#localisation_ip
{
    float:right;
    right:1%;
    position:relative;
    top:16%;
}

#liste_positions
{
    display: block;
    float:left;
    height: 88%;
    width: 20%;
    border: 2px solid black;
    margin: 5px;
}

#current_position
{
    border: 1px dashed black;
    margin : 10px;
    height : 33%;
}

#current_position h1
{
    margin: 0;
    font-size: 25px;
    text-align:center;
}

#show_positions_button
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 14%; 
    margin-right: 14%;
}

#current_position p
{
    text-align: center;
}

.current_position_adress
{
    margin : 10px;
    width: 85%;
}

#positions_chargees
{
    border: 1px dashed black;
    margin : 10px;
    height : 61%;
}

#positions_chargees h1
{
    /*width:90%;*/
    margin:5px;
    font-size: 25px;
    text-align:center;
}

/*#show_positions_button
{
    margin: 5px 14%;
}*/

#liste_positions_chargees
{
    overflow: auto;
    height: 70%;
}

.position
{
    margin : 10px;
}

.date_position
{
	width:95%;
}

.loaded_position_adress
{
	width:75%;
        float: left;
    margin-bottom: 10px;
    height: 25%;
}

.loaded_position_go
{
	width:20%;
        float: left;
        margin-top: 15px;
}

#div_map
{
    display: block;
    float:left;
    height: 88%;
    width: 60%;
    border: 2px solid black;
    margin: 5px;
}

#menu_autre
{
    display: block;
    float:left;
    height: 88%;
    width: 16%;
    border: 2px solid black;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 2px;
    margin-left: 2px;
}

#menu_autre #save_position_button
{
    width:75%;
    margin-top: 20%;
    margin-bottom: 10%;
    margin-right: 12%;
    margin-left: 12%;
}

#menu_autre #load_positions_button
{
    width:75%;
    margin-top: 10%;
    margin-bottom: 20%;
    margin-right: 12%;
    margin-left: 12%;
}

#content
{
    border: 3px inset black;
    top : 20px;
    width:96%;
    height:560px;
    position:relative;
    left:1%;
}

#home_left_menu
{
    margin : 5px 5px 5px 5px;
    padding : 5px 5px 5px 5px;
    width:21%;
    height:535px;
    float:left;
    border: 2px solid black;
}

#home_left_one, #home_left_two
{
    margin : 5px 5px 5px 5px;
    padding : 5px 5px 5px 5px;
    width:91%;
    height:47%;
    border: 1px dashed black;
    text-align:justify;
    font:normal small serif;
}

#home_left_one h1, #home_left_two h1
{
    text-align:center;
    top:5px;
    font:bold large serif;
}
#home_left_one p
{
    height: 81%;
    background-color:#999999;
    border:1px dotted black;
    overflow:auto;
}

#home_left_two p
{
    height: 81%;
    border:1px dotted black;
    overflow:auto;
}

#home_left_two p img
{
    top:15px;
    left:30px;
    position:relative;
}

#home_center
{
    margin : 5px 5px 5px 5px;
    padding : 5px 5px 5px 5px;
    width:74%;
    height:535px;
    float:left;
    border: 2px solid black;
}

#home_content_center_title
{
    margin-top: 5px;
    padding : 5px 5px 5px 5px;
    width:54%;
    height:90px;
    float:left;
    left : 28%;
    text-align:center;
    position:relative;
    border:6px double black;
}

#home_content_center_title h1
{
     margin-left: 30%;
    margin-right: 30%;
    width: 40%;
}

#region
{
    	top : 20px;
    	width:96%;
    	left:1%;
    	line-height: 36px;
 	height: 560px;
	background-color: white;	
}

#choix
{
    	float:left;
    	height: 88%;
    	width: 25%;
	background-color: white;
}

#localisation
{
	background-color: white;
	margin-left: 16%;
	margin-right: 3%;
}

#pres_region
{
    	float:right;
    	height: 88%;
	width: 75%;
	background-color: white;
}

#carte_france 	
{
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 3%;
	margin-bottom: 7%;
    	height: 40%;
	background-color: white;
}


#carte
{
    height: 100%;
    width: 100%;
}


#choix_region
{
	float: top;
	position: relative;
	overflow:hidden;
	height: 10%;
	background-color: white;
	vertical-align: middle;
}

#desc_region
{
    	float: bottom;
    	height: 80%;
	background-color: white;
}

.formulaire
{
	padding-bottom: 2%;
	font-family: arial;
	background-color: white;
	text-align: left;
	width: 100%;
	font-size: 100%;
	border: white;
}

.formulaire:hover 
{
	background: LightCyan; 
}

.formulaire_region
{	
	vertical-align: middle;
	font-family: arial;
	background-color: white;
	font-size: 100%;
	text-align: left;
	height:100;
	border: white;
}

#image_region
{
	float: left;
	width: 40%;
	height: 100%;
}

#info_region
{
	float: top;
}

.selectionner_region
{
	font-family: arial;
	background-color: white;
	font-size: 100%;
	text-align: left;
	height:100;
	border: white;
}

form
{
	display: inline;
}
